<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title>任务列表</title>

	<style type="text/css">
		.bjt{display: inline-block;
            background-repeat: no-repeat;
            background-size: 100% 100%;
			/*background-image: url("Background/e.jpg");*/

		    width: 100% ;
			position: fixed;
			top: 0;
			bottom: 0;
			right: 0;
			left: 0;
			height:1000px;
		}

		.box-one{
			float: right;;
			width: 50%;
             height: 1000px;
             background-color: rgba(0, 0, 0, 0.6);

		      }

		      .box-two{
		      	  display: flex;
		          justify-content: center;
		          padding-top: 5rem;}

		          .box1,.box2{

		          font-size: 20px;

		       }



                  @media (max-width: 768px) {
                      .bjt{

                          display: flex;
                          justify-content: space-around;
                          background-repeat: no-repeat;
                          background-size: 100% 100%;
                          /*background-image: url("Background/p.jpg");*/
                      }
                      .box-one{
                          width: 100%;
                      }
                      a{
                          font-size: 14.5px;
                      }

                  }

		       a{
		       	color: #ffffff;
		       	text-decoration: none;
		          }
		       small{color: #29b078;}

		       .box-two>.box1:hover a{color: #29b078;}
		       .box-two>.box2:hover a{color: #29b078;}

        .main{
            display: flex;
            justify-content: space-around;
        }


	</style>
</head>
<body>
<div class="bjt">
	<div class="box-one">


        <div class="main">
		<div class="box-two">
<div class="box1"><a href="https://zkaik.github.io/task/nekn.html">task-1</a>&nbsp<small>/</small>&nbsp</div>
<div class="box2"><a href="https://zkaik.github.io/task/nekn.html">task-2</a></div>
        </div>
        <div class="box-two">
            <div class="box1"><a href="https://zkaik.github.io/task/mojing.html">task-3</a>&nbsp<small>/</small>&nbsp</div>
            <div class="box2"><a href="https://zkaik.github.io/task/task4/task4.html">task-4</a></div>
        </div>
        </div>








        <div class="main">
<div class="box-two">
    <div class="box1"><a href="https://zkaik.github.io/task/task5/task5.html">task-5</a>&nbsp<small>/</small>&nbsp</div>
    <div class="box2"><a href="https://zkaik.github.io/task/task6/task6.html">task-6</a></div>
        </div>
        <div class="box-two">
            <div class="box1"><a href="https://zkaik.github.io/task/task7/task7.html#">task-7</a>&nbsp<small>/</small>&nbsp</div>
            <div class="box2"><a href="https://zkaik.github.io/task/task8/task8.html#">task-8</a></div>
        </div>
        </div>






        <div class="main">
        <div class="box-two">
            <div class="box1"><a href="https://zkaik.github.io/task/task7/task7.html#">task-9</a>&nbsp<small>/</small>&nbsp</div>
            <div class="box2"><a href="https://zkaik.github.io/task/task10/task10.html">task-10</a></div>
        </div>
        <div class="box-two">
            <div class="box1"><a href="https://zkaik.github.io/task/task11/task11.html">task-11</a>&nbsp<small>/</small>&nbsp</div>
            <div class="box2"><a href="https://zkaik.github.io/task/task12/task12.html">task-12</a></div>
        </div>
        </div>


        <div class="main">
        <div class="box-two">
<div class="box1"><a href="https://zkaik.github.io/task/task13/task13.html">task-13</a>&nbsp<small>/</small>&nbsp</div>
<div class="box2"><a href="https://zkaik.github.io/task/task14-15/task14-3.html">task-14</a></div>
        </div>
        <div class="box-two">
            <div class="box1"><a href="https://zkaik.github.io/task/task14-15/task14-3.html">task-15</a>&nbsp<small>/</small>&nbsp</div>
            <div class="box2"><a href="https://zkaik.github.io/task/task(js)-1/task1.html">task-js(1)</a></div>
        </div>
        </div>



        <div class="main">
        <div class="box-two">
<div class="box1"><a href="https://zkaik.github.io/task/task(js)2-4/task2/task2-1.html">task-js(2)</a>&nbsp<small>/</small>&nbsp</div>
<div class="box2"><a href="https://zkaik.github.io/task/task(js)2-4/task2/task2-1.html">task-js(3)</a></div>
        </div>
        <div class="box-two">
            <div class="box1"><a href="https://zkaik.github.io/task/task(js)2-4/task2/task2-1.html">task-js(4)</a>&nbsp<small>/</small>&nbsp</div>
            <div class="box2"><a href="#">task-js(5)</a></div>
        </div>
        </div>


        &nbsp









</div>

</body>
</html>
